/* -----------------------------------------------
Name    : Imam Sndal
Author  : Imam Sndal
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#eeeeee">
<Variable name="textcolor" description="Text Color"
type="color" default="#222" value="#222222">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#0090c6">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#333333">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#666666">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#ddd" value="#333333">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#dcd9d9">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#333333">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#666666">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#0090c6">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 26px Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 12px Lucida Sans, Tahoma, Helvetica, FreeSans, sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/
body{background:#D3D3D3 ;color:#222222;font:x-small Trebuchet MS;font-size:small;text-align:left;margin:0}
a:link{color:#0090c6;text-decoration:none}
a:visited{color:#0090c6;text-decoration:none}
a:hover{color:#333333;text-decoration:none}
a img{border-width:0}
#top-outer{background: #d3d3d3; width:960px;height:70px;margin:0 auto;padding-top:30px;}
#topwrapper{float:right;width:710px;height:70px;margin:0 auto;padding:0 auto}
.clearit{clear:both;height:0;line-height:.0;font-size:0}
#topbar{width:100%}
#topbar,#topbar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0}
#topbar a{display:block;text-decoration:none;font:normal 12px Arial;text-transform:none;color:#5b5b5b;border-right:0px solid #cecece;border-left:1px solid #F2F2F2;padding:19px 14px 20px}
#topbar a.trigger{background-image:url(http://3.bp.blogspot.com/-LzmPTNyR6po/TwETZufjSTI/AAAAAAAAATo/oisHmXUjmSY/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:19px 28px 20px 10px}
#topbar li{float:right;position:static;width:auto}
#topbar li ul,#topbar ul li{width:170px}
#topbar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:6px 14px}
#topbar li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:1px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6);filter:alpha(opacity=87);-moz-opacity:.87;opacity:.87}
#topbar li:hover a,#topbar a:active,#topbar a:focus,#topbar li.hvr a{background:#222 url(http://4.bp.blogspot.com/-OJVzg33wOVw/UAgpbr2g9II/AAAAAAAAHw8/maqEyMYy6NM/s1600/nav-bg.png);color:#fff}
#topbar li:hover ul,#topbar li.hvr ul{display:block}
#topbar li:hover ul a,#topbar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none}
#topbar li ul li.hr{border-bottom:1px solid #444;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:0}
#topbar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}
#topbar a span,#topbar a.trigger span{font:bold 14px Arial;color:#028fc4;display:block;line-height:16px;text-transform:uppercase}
#topbar li:hover a span,#topbar li:hover a.trigger span{color:#888}
#header-wrapper{width:240px;height:70px;float:left;overflow:hidden;border:0 solid #ccc;margin:0 auto}
#header-inner{background-position:center;margin-startside:auto;margin-endside:auto}
#header{border:0 solid #ccc;text-align:left;color:#555;margin:0}
#header h1{line-height:1em;text-transform:none;letter-spacing:.01em;font:20px Oswald;margin:0 auto;padding:5px 0 0 5px}
#header a{color:#555;text-decoration:none}
#header a:hover{color:#dddada}
#header .description{max-width:100%;text-transform:uppercase;letter-spacing:.01em;line-height:1.2em;font:normal normal 10px Arial;color:#666;margin:0 auto;padding:0 0 5px 5px}
#header img{margin-startside:auto;margin-endside:auto}
#nav-wrapper{background:#696969;height:30px;font-family:Arial;overflow:hidden;}
#nav{margin:0 auto;width:960px;height:30px;padding:0auto}
#nav ul{float:left;width:auto;height:30px;margin:0;padding:0;list-style-type:none}
#nav ul li{float:left;height:30px}
#nav ul li a,#nav ul li a:visited{float:left;height:30px;padding:7px 10px;color:#fff;font:bold 12px Arial;text-transform:none}
#nav ul li a:hover,#nav .selected{color:#222;text-decoration:none;}
#navbar-iframe{height:0;visibility:hidden;display:none}
#headline-wrapper{background:#222 url(http://4.bp.blogspot.com/-OJVzg33wOVw/UAgpbr2g9II/AAAAAAAAHw8/maqEyMYy6NM/s1600/nav-bg.png);width:100%;height:33px;position:fixed; z-index:1;}
.headline{width:960px;line-height:1.4em;text-align:left;font:14px Verdana;color:#fff;overflow:hidden;clear:both;margin:0 auto;padding:0 auto;}
.headline-left{float:left;width:660px}
.headline-right{float:right;width:110px}
.headline a:hover{color:#eace12;text-decoration:underline}
#search{float:right;width:180px;height:20px;margin-top:3px;margin-right:5px;
box-shadow:1px 1px 0px #000,0 0 0px #000,0 0 0px #000,0 0 0px #000;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  transition:all .5s ease-out;
}}
#search form{float:left}
#search input[type="text"]{background:#fff url(http://1.bp.blogspot.com/-sv3VBy8Tch0/T6UzB3zDYMI/AAAAAAAAA-Y/dVtCsOgvB_o/s1600/search_button.png) no-repeat scroll 4px center;float:left;border:1px solid #006f98;width:148px;margin-top:1px;padding:3px 15px;font-size:12px;text-align:right}
#search input[type="text"]:focus{background:#00bfff;
box-shadow:
    0px 1px 0px #ffffff,
    0px 0px 3px #ffffff,
    0px 0px 5px #ffffff,
    0px 0px 30px #ffffff,
    0px 3px 50px #ffffff;}
#search input[type="submit"]{display:none}
#main-wrapper{background:#ffffff;border-radius:3px;width:700px;float:left;word-wrap:break-word;overflow:hidden;}
#sidebar-wrapper{padding:0px 10px 0 0;width:250px;float:right;word-wrap:break-word;overflow:hidden}
h2.date-header{margin:1.5em 0 .5em}
.post{background:url(http://3.bp.blogspot.com/-h2VKwi0QJ8o/UABDnt7g2NI/AAAAAAAAHlE/ZONRawNK674/s1600/mas+goreng.png) no-repeat bottom center;margin:.5em 0 .1em;padding:15px 15px 25px}
.post .jump-link{display:none}
.post h3{font:20px Oswald;line-height:1.2em;color:#333;margin:.25em 0 0;padding:0 0 4px;text-shadow:0px 0px 0px #000;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  transition:all .5s ease-out;}
.post h3 a,.post h3 a:visited,.post h3 strong{color:#333333}
.post h3 strong,.post h3 a:hover{color:#000;text-shadow:
    0px 1px 0px #009dc9,
    0px 0px 3px #009dc9,
    0px 0px 5px #009dc9,
    0px 0px 30px #009dc9,
    0px 3px 50px #009dc9;}
.post-body{background:url(http://2.bp.blogspot.com/-mS_e1X2n4C0/UAVsoWRIPCI/AAAAAAAAHqo/sWfeUOIyX6k/s1600/batas.png) repeat-x top;font:16px PT Sans Narrow;padding-top:10px;line-height:1.3em;margin:1em 0 .75em;text-shadow:0px 2px 2px #fff}
.post-body blockquote{line-height:1.3em;font-style:italic}
.post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;line-height:1.4em;margin:.75em 0}
.comment-link{margin-startside:.6em}
.post img,table.tr-caption-container{overflow:hidden;margin-top:5px;padding:0}
.tr-caption-container img{border:none;padding:0}
.post blockquote{margin: 10px 10px 10px 20px;padding: 10px 15px 10px 15px;line-height: 1.6em;color: #333;background: #eee;border-left: 20px solid #ccc}
.post blockquote p{margin:.75em 0}
table{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid #999;color:#444;margin:10px 0}
table td,table th{text-align:left;border:1px solid #999;padding:.4em .8em}
table th{text-transform:uppercase;font-weight:400;border:1px solid #999}
table td{border:1px solid #999}
table tr.even td{border:none}
.comments{padding:0 15px}
#comments h4{font-size:16px;font-weight:400;margin:20px 0}
.cm_wrap{clear:both;margin-bottom:10px;float:right;width:100%}
.cm_head{width:60px;float:left;margin:0}
.cm_avatar{vertical-align:middle;border:1px solid #DDD;background:url(http://4.bp.blogspot.com/-POy-pvgzudE/Tz0SPxJXQnI/AAAAAAAAFUI/SlCAfDMFIhg/s1600/anonymous.jpg) center no-repeat;width:35px;height:35px;margin:0;padding:3px}
.cm_avatar_a{vertical-align:middle;border:1px solid #DDD;background:silver;background-position:center;background-repeat:no-repeat;width:35px;height:35px;margin:0;padding:3px}
.cm_reply a{display:inline-block;border:1px solid #C4C4C4;border-top-color:#E4E4E4;border-left-color:#E4E4E4;color:#424242!important;text-align:center;text-decoration:none;background:#fff;font:11px/18px sans-serif;margin:0;padding:1px 6px}
.cm_reply a:hover{text-decoration:none!important;background:#aaa}
.cm_entry{background:#fcfcfc;border:1px solid #E4E4E4;overflow:hidden;padding:16px}
.cm_arrow{display:block;width:9px;height:18px;background:url(http://3.bp.blogspot.com/-NONrBLhghFk/To0nNB1LmkI/AAAAAAAAAI4/CAuzDfYiCiU/s1600/comment-arrow.gif) no-repeat;position:absolute;margin-left:-25px}
.cm_info{margin-bottom:5px;border:thin solid #E6E6E6;background-color:#F4F4F4;padding:5px}
.cm_info_a{margin-bottom:5px;border:thin solid #E6E6E6;background-color:#e5e5e5;padding:5px}
.cm_name{font-size:14px;color:#333!important;text-decoration:none;float:left}
.cm_name_a{font:bold 13px Arial;color:#333!important;text-decoration:none;float:left}
.cm_date{font-size:10px;color:#999;text-decoration:none;float:right}
.cm_date_a{font:normal 10px Arial;color:#333;text-decoration:none;float:right;padding-top:5px}
.cm_pagenavi{font-size:10px;text-transform:uppercase;color:#666;text-shadow:1px 1px #FFF;font-weight:700}
.cm_pagenavi a{color:#666;text-decoration:none;padding:10px}
.cm_pagenavi span{color:#888;background:#FFF;border:1px solid #E0E0E0;padding:4px}
.comment-body-author{font-family:Arial;font-weight:300}
.cm_entry p,.cm_entry_a p{clear:both;border:thin solid #E6E6E6;background-color:#fff;font-size:13px;color:#333;word-wrap:break-word;padding:5px}
.cm_reply{padding-top:5px}
.cm_pagenavi a:hover{text-decoration:underline}
#blog-pager{position:relative;top:10px;width:auto;clear:both;font:bold 14px Arial;color:#173b3c;margin:15px 0;padding:5px 10px;display: none;
visibility:hidden;}
#blog-pager a{color:#008abd}
.feed-links{clear:both;line-height:2.5em}
.sidebar h2{background:none ;
    color: #000000;
    border-bottom:3px solid #000000;
    font: 15px Oswald;
    margin: 10px;
    padding: 10px 0px 9px 23px;}
.sidebar{color:#666;line-height:1.3em;border-top:none}
.sidebar li{border-bottom:1px solid #ddd;text-indent:0;line-height:1.3em;margin:0;padding:3px 0 4px}
.sidebar .widget{background: none repeat scroll 0 0 #d3d3d3;
    border: 0px solid #D3D3D3;
    margin: 0 10px 0px;
    border-bottom:1px solid #f5f5f5;
    padding-bottom: 15px;;}
.sidebar .widget-content{margin:0 auto;padding:0px 0px}
.sidebar a:link,.sidebar a:visited{font:18px Oswald;color:#016083;text-decoration:none}
.sidebar li a:hover{color:#f7552e}
.sidebar ul{list-style:none;margin:0;padding:5px 10px}
#Label1 li {float:left; width:50%;}
.main .widget{ margin-bottom:10px}
.showpageOf{border:1px solid #7b7c7d;color:#000;margin:2px;padding:3px 6px}
.showpageNum a,.showpage a{border:1px solid #7b7c7d;color:#000;text-decoration:none;margin:2px;padding:3px 6px}
.showpageNum a:hover,.showpage a:hover,.showpagePoint{border:1px solid #005878;background:#0090c6;color:#fff;margin:2px;padding:3px 6px}
.switch{background:url(http://2.bp.blogspot.com/-mS_e1X2n4C0/UAVsoWRIPCI/AAAAAAAAHqo/sWfeUOIyX6k/s1600/batas.png) repeat-x bottom;height:35px;color:#444;margin:0 10px;padding:5px 9px;text-transform:uppercase;}
.switch-left{width:360px;float:left;margin:0 auto;padding-top:5px;font:16px Oswald;text-shadow:0px 1px 1px #fff;color:#333}
.switch-right{width:120px;float:right;margin:0 auto;padding-top:10px}
.switch a{border:1px solid #999;font:11px Arial;padding:3px 8px 3px 25px;text-transform:none;color:#333}
a.bar_view{background:url(http://2.bp.blogspot.com/-7BeF7FZiHo0/T6vZzVSzTzI/AAAAAAAABJs/FlrWN7ZRxmk/s1600/drid.gif) no-repeat 3px center}
a.dat_view{background:url(http://1.bp.blogspot.com/-43EW3Gjakwc/T6vZz6K4N_I/AAAAAAAABJ0/hi2LK0zc4JQ/s1600/listed.gif) no-repeat 3px center}
.switch a.active{background-color:#d3d3d3;border:1px solid #999;color:#111;cursor:default}
#outer-wrapper{background:#d3d3d3;width:960px;text-align:left;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:0 auto;padding:0px;-moz-box-shadow: 0px 0px 0px #666;-webkit-box-shadow: 0px 0px 0px #666;box-shadow: 0px 0px 0px #666;}
.index{background:url(http://2.bp.blogspot.com/-3m9ZaGhFRqM/T-OcKK0I31I/AAAAAAAAG-U/0U2O4f5HYIw/s1600/video.png) no-repeat center left!important;float:right;font:14px Oswald;color:#444;display:block;margin:12px 0 0;padding:0 10px 0 20px;text-shadow:0px 1px 1px #fff}
.index a,.index a:visited{color:#008abd;text-transform:none}
.index a:hover{color:#be5016;text-transform:none}
.footer h2{background:url(http://2.bp.blogspot.com/-mS_e1X2n4C0/UAVsoWRIPCI/AAAAAAAAHqo/sWfeUOIyX6k/s1600/batas.png) repeat-x scroll bottom;font:14px Oswald;padding-bottom:8px;margin-bottom:5px;line-height:1.3em;text-transform:uppercase;color:#444}
.footer{color:#666;line-height:1.3em;font:normal 12px Arial}
.footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0}
.footer li{background:url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 1px 5px;font:normal 12px Arial;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 17px}
.footer a:link,.footer li a:visited{color:#333;text-decoration:none}
.footer li a:hover{color:#007caa}
.footer .widget{margin:0 0 8px;padding:6px 0;}
.footer .widget-content{padding:0 auto}

#footer-wrapper{width:940px;text-align:left;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:0 auto;padding:10px}
#footer1-wrapper{width:300px;float:left;word-wrap:break-word;overflow:hidden}
#footer2-wrapper{margin-left:10px;width:300px;float:left;word-wrap:break-word;overflow:hidden;padding:0 10px}
#footer3-wrapper{width:300px;float:right;word-wrap:break-word;overflow:hidden}
.creditwrap{background: #d3d3d3; repeat scroll 0 0 #222222 ;width:960px;margin:0 auto;padding:0 auto;border-top:3px solid #626262}
.credit{width:940px;line-height:1.6em;text-align:center;font-family:Arial;font-size:12px;color:#000000;overflow:hidden;clear:both;margin:0 auto;padding:10px 0}
.credit a:link,.credit a:visited{color:#000000;text-decoration:none}
.credit a:hover{color:#3016b0;text-decoration:none}

#maskolis h1{background:url(http://2.bp.blogspot.com/-mS_e1X2n4C0/UAVsoWRIPCI/AAAAAAAAHqo/sWfeUOIyX6k/s1600/batas.png) repeat-x bottom;font:16px Oswald;margin:0 10px;padding:10px 10px;text-shadow:1px 1px 0px #000,0 0 0px #000,0 0 0px #000,0 0 0px #000;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  transition:all .5s ease-out;}
#maskolis h1 a,#maskolis h1 a:visited{color:#008abd}
#maskolis h1 a:hover{color:#000;text-shadow:
    0px 1px 0px #009dc9,
    0px 0px 3px #009dc9,
    0px 0px 5px #009dc9,
    0px 0px 30px #009dc9,
    0px 3px 50px #009dc9;}
#maskolis {width:100%;overflow:hidden;margin-bottom:5px;}
#maskolis .col_maskolis {width:156px;height:230px;float:left;padding:2px 3px 5px;background:#d3d3d3; repeat-x top;margin:10px 0 0 9px;text-align:center;border:1px solid #c9c9c9;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#maskolis .maskolis_img {border:5px solid #999;margin:15px 6px;width:135px;height:170px;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out}
#maskolis .maskolis_img:hover{opacity:.7;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.7}
#maskolis .posttitle {height:20px;border:0 none;line-height:8px;margin:0 5px 5px;padding:2px}
#maskolis .posttitle a{color:#333;font:14px PT Sans Narrow;line-height:16px}
#maskolis .posttitle a:hover {color:#0000ff}
.PopularPosts .item-thumbnail img{width:90px;height:60px}
.PopularPosts .item-thumbnail img:hover{opacity:.6;filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6}
#related-posts{float:left;width:105%;}
#related-posts h1{background:none;color:#173b3c;font:16px Oswald;padding:3px;text-shadow:0 1px 1px white}
#related-posts .maskolis_img {border:4px solid #999;padding:0px 0px;width:132px;height:98px;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out;margin:10px 8px 5px}
#related-posts .maskolis_img:hover{opacity:.8;filter:alpha(opacity=80);-moz-opacity:.7;-khtml-opacity:.7}
.shadow{width:960px; height:32px; background:url(http://1.bp.blogspot.com/-jxemfWZZ39E/T_65sv622uI/AAAAAAAAHfQ/vaP9YXA0P5w/s1600/main-shadow.png) no-repeat center;margin:0 auto}
ul.isocial{list-style:none;margin:0;padding:5px 20px 0 0}
ul.isocial li{float:right;margin:0 5px;padding:0}
ul.isocial li a{float:right;background-image:url(http://1.bp.blogspot.com/-Tg7BikflCm8/T4_x9T1aflI/AAAAAAAAAoo/jV53zVYzVDY/s1600/social+letter.png);background-position:0 0;background:repeat:no-repeat;display:inline-block;text-indent:-9999px;overflow:hidden;width:24px;height:24px;position:relative}
ul.isocial li a.rss{background-position:0 -25px}
ul.isocial li a.rss:hover{background-position:0 0}
ul.isocial li a.facebook{background-position:-25px -25px}
ul.isocial li a.facebook:hover{background-position:-25px 0}
ul.isocial li a.twitter{background-position:-50px -25px}
ul.isocial li a.twitter:hover{background-position:-50px 0}
ul.isocial li a.google{background-position:-75px -25px}
ul.isocial li a.google:hover{background-position:-75px 0}
ul.isocial li a.youtube{background-position:-100px -25px}
ul.isocial li a.youtube:hover{background-position:-100px 0}



element.style {
    display: inline;
}
#downloadBtn, .downloadBtn {
    text-decoration: none !important;
}
.button.color_blue {
    background: none repeat scroll 0 0 #2678F2;
    color: #FFFFFF;
}

.button.color_green {
    background: none repeat scroll 0 0 #5E9C12;
    color: #FFFFFF;
}

.button.color_orange {
    background: none repeat scroll 0 0 #E99A00;
    color: #FFFFFF;
}
.button.color_grey {
    background: none repeat scroll 0 0 #A9A9A9;
    color: #000000;
}

.button {
    border: medium none;
    cursor: pointer;
    padding: 5px 10px;
    text-align: center;
}
.r3 {
    border-radius: 3px 3px 3px 3px;
}







.showpageArea a {text-decoration:underline;}
.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}
.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}
.showpage a:hover {text-decoration:none;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}

.breadcrumbs{margin:0 5px;
  padding:0 9px 2px;font-size:11px;border-bottom:1px solid #ccc;font-weight:normal}




.hide img {filter:alpha(opacity=5); -moz-opacity:0.05; opacity:0.05; border:0;}
.hide:hover img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;border:0;}



#to_top {
position:fixed;_position:absolute;bottom:0px;right:124px;clip:
inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}


::selection {background:none; color:}
::-moz-selection {background:none; color:}
::-webkit-selection {background:none; color:}

#top-nav {
  position:fixed !important;
  position:absolute; /* IE6 Fallback */
  bottom:10px;
  right:10px;
  z-index:999;
}




.img-show {
  width:400px;
  margin:50px auto;
  background-color:black;
  border:2px solid black;
  -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.2);
  -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.2);
  box-shadow:0px 1px 3px rgba(0,0,0,0.2);
  position:relative;
  overflow:hidden;
}

.img-show .img-holder {
  background-color:white;
}

.img-show .img-holder.loading {
  background:white url('http://www.henley-putnam.edu/Portals/_default/Skins/henley/images/loading.gif') no-repeat 50% 300px;
}

.img-show .img-holder img {
  display:block;
}

.img-show .img-nav {
  margin:0px 0px;
  padding:0px 0px;
  overflow:hidden;
}

.img-show .img-nav li {
  margin:2px 2px 0px 0px;
  padding:0px 0px;
  float:left;
  display:inline;
  list-style:none;
}

.img-nav li a {
  display:block;
  background-color:#ccc;
  color:black;
  padding:3px 7px;
  font:normal 18px Georgia,Serif;
  font-style:normal;
  text-decoration:none;
}

.img-nav li a.active {
  background-color:#0000FF;
  color:white;
}













